﻿<!DOCTYPE html>
<html>
<head>
    <base href="<%=basePath%>">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <!--yyi注释-->
<!-- <link rel="stylesheet" type="text/css" href="../../static/bootstrap-3.3.7/css/bootstrap.css">
    <link rel="stylesheet" type="text/css" href="../../static/bootstrap-3.3.7/css/bootstrap-datetimepicker.min.css" />
    <link rel="stylesheet" type="text/css" href="../../static/bootstrap-3.3.7/css/bootstrap-slider.min.css" />
    <link rel="stylesheet" type="text/css" href="../../static/easyui/themes/default/easyui.css">
    <link rel="stylesheet" type="text/css" href="../../static/easyui/themes/icon.css">
    <link rel="stylesheet" type="text/css" href="../../static/font-awesome-4.7.0/css/font-awesome.min.css">-->
    <link rel="stylesheet" type="text/css" href="../../static/layui/css/layui.css">

    <script type="text/javascript" src="../../static/js/jquery-2.1.3.min.js"></script>
    <script type="text/javascript" src="../../static/js/jquery.cookie.js"></script>
    <script type="text/javascript" src="../../static/layui/layui.js"></script>
    <!--<script type="text/javascript" src="../../static/easyui/jquery.easyui.min.js"></script>-->
<!--yyi注释-->
   <!-- <script type="text/javascript" src="../../static/js/zrender.js"></script>
    <script type="text/javascript" src="../../static/layer/layer.js"></script>
    <script type="text/javascript" src="../../static/bootstrap-3.3.7/js/bootstrap.js"></script>
    <script type="text/javascript" src="../../static/bootstrap-3.3.7/js/bootstrap-datetimepicker.min.js"></script>
    <script type="text/javascript" src="../../static/bootstrap-3.3.7/js/bootstrap-datetimepicker.zh-CN.js"></script>
    <script type="text/javascript" src="../../static/bootstrap-3.3.7/js/moment-with-locales.js"></script>
    <script type="text/javascript" src="../../static/bootstrap-3.3.7/js/bootstrap-slider.min.js"></script>
    <script type="text/javascript" src="../../static/bootstrap-3.3.7/js/BootstrapMenu.min.js"></script>
    <script type="text/javascript" src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>
    <script type="text/javascript" src="../../static/js/utils/CommonUtils.js"></script>
    <script type="text/javascript" src="../../static/js/utils/Base64Utils.js"></script>-->
    <!--注释结束-->
    <!--自定义css 跟 js-->
    <link rel="stylesheet" type="text/css" href="../../static/css/sxl/curveDisplay.css">
    <link rel="stylesheet" type="text/css" href="../../static/css/sxl/curveDisplayTop.css">
    <script type="text/javascript" src="../../static/js/sxl/curveDisplayTop.js"></script>
    <script type="text/javascript">
        function startNetStatus(){
            layui.use(['form','element'],function(){
                var element = layui.element;
                var layer = layui.layer;
                var form = layui.form;
                parent.layer.open({
                    type:1,
                    title:"网络状态",
                    area:['53%','90%'],
                    content:$("#netStatus").html(),
                });
                form.render();
            })

        }
    </script>
    <!--网络状态 -->
    <script type="text/html" id="netStatus">
        <div class="layui-row" >
            <div class="layui-col-md12">
                <div class="layui-tab">
                    <ul class="layui-tab-title">
                        <li class="layui-this">已用模块</li>
                        <li>未用模块</li>
                    </ul>
                    <div class="layui-tab-content">
                        <div class="layui-tab-item layui-show">
                            <table class="layui-table" lay-skin="row">
                                <thead>
                                <tr>
                                    <th style="text-align: center;">模块号</th>
                                    <th style="text-align: center;">房间名称</th>
                                    <th style="text-align: center;">台位名称</th>
                                    <th style="text-align: center;">模块IP地址</th>
                                    <th style="text-align: center;">网络状态</th>
                                </tr>
                                </thead>
                                <tbody>
                                <tr>
                                    <td style="text-align: center;">42</td>
                                    <td style="text-align: center;">3室</td>
                                    <td style="text-align: center;">3-55</td>
                                    <td style="text-align: center;">192.168.1.42</td>
                                    <td style="text-align: center;"><img src="../../img/normal2.png"></td>
                                </tr>
                                <tr>
                                    <td style="text-align: center;">43</td>
                                    <td style="text-align: center;">3室</td>
                                    <td style="text-align: center;">3-56</td>
                                    <td style="text-align: center;">192.168.1.43</td>
                                    <td style="text-align: center;"><img src="../../img/normal2.png"></td>
                                </tr>
                                <tr>
                                    <td style="text-align: center;">44</td>
                                    <td style="text-align: center;">5室</td>
                                    <td style="text-align: center;">5-21</td>
                                    <td style="text-align: center;">192.168.1.44</td>
                                    <td style="text-align: center;"><img src="../../img/wrong.png"></td>
                                </tr>
                                <tr>
                                    <td style="text-align: center;">45</td>
                                    <td style="text-align: center;">5室</td>
                                    <td style="text-align: center;">5-22</td>
                                    <td style="text-align: center;">192.168.1.45</td>
                                    <td style="text-align: center;"><img src="../../img/normal2.png"></td>
                                </tr>
                                </tbody>
                            </table>
                        </div>
                        <div class="layui-tab-item">
                           <table class="layui-table" lay-skin="row">
                                <thead>
                                <tr>
                                    <th style="text-align: center;">模块号</th>
                                    <th style="text-align: center;">模块IP地址</th>
                                </tr>
                                </thead>
                                <tbody>
                                <tr>
                                    <td style="text-align: center;">52</td>
                                    <td style="text-align: center;">192.168.1.42</td>
                                </tr>
                                <tr>
                                    <td style="text-align: center;">53</td>
                                    <td style="text-align: center;">192.168.1.43</td>
                                </tr>
                                <tr>
                                    <td style="text-align: center;">54</td>
                                    <td style="text-align: center;">192.168.1.44</td>
                                </tr>
                                <tr>
                                    <td style="text-align: center;">55</td>
                                    <td style="text-align: center;">192.168.1.45</td>
                                </tr>
                                <tr>
                                    <td style="text-align: center;">56</td>
                                    <td style="text-align: center;">192.168.1.45</td>
                                </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </script>
</head>
<body>
<div class="top">
    <div class="top_0">
        <div style="background-color: #007DDB">
        <div class="top0title">
            <label style="margin-left: 550px">家电可靠性监测平台</label>
            <img src="../../static/images/curveDisplay_haierlogo.png" alt="海尔logo" class="haierlogo">
             <img src="../../img/wangluo.png" name="wangluo" id="wangluoId" class="haierlogo" style="float:right;margin-top: 5px;margin-right: 20px" onclick="startNetStatus()" />
            <img src="../../img/history1.png" name="history" id="hsitoryId" class="haierlogo" style="float:right;margin-top: 5px;margin-right: 10px" onclick="main1(3)" />
            <img src="../../img/alarm1.png" style="float:right;margin-top: 5px;margin-right: 10px" class="haierlogo" onclick="main(2)"></img>
            <img src="../../img/mainpages1.png" class="haierlogo"  style="float:right;margin-top: 5px;margin-right: 10px" />
        </div>
        </div>
    </div>

    <div class="top_1">
        <ul class="hg_nav_list" style="margin-left: 13%;">
            <li id="hg_nav_li1">
                <a href="#" onclick="dp1Click()" id="dp1" target="iframeContent"></a>
            </li>
            <li id="hg_nav_li2">
                <a href="#" id="dp2" onclick="dp2Click()" target="iframeContent">数据列表</a>
            </li>
            <li id="hg_nav_li3">
                <a href="#" id="dp3" onclick="dp3Click()" target="iframeContent">测试曲线</a>
            </li>
            <li id="hg_nav_li4">
                <a href="#" id="dp4" onclick="dp4Click()" target="iframeContent">报警信息</a>
            </li>
        </ul>
    </div>
</div>
</body>
</html>